<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 看到这你们应该知道这个是假的吧！ -->
    <title>请稍后...</title>
    <style>
        body {
            font-family: 'Segoe UI', Arial, sans-serif;
            background-color: #FFFEFF;
            color: #000;
            margin: 20px;
            padding: 0;
            text-align: left;
        }
        .verification-box {
            display: flex;
            flex-direction: row;
            align-items: center;
            border: 1px solid #e0e0e0;
            padding: 15px;
            margin-bottom: 30px;
            width: 300px;
            justify-content: space-between;
            background-color: #FDFBFE;
        }
        .verification-status {
            display: flex;
            align-items: center;
        }
        .status-text {
            margin-left: 10px;
            font-size: 14px;
            color: #333;
        }
    .loading-circle {
        position: relative;
        width: 40px;
        height: 40px;
        animation: rotate 5s infinite linear;
    }
    .loading-dot {
        position: absolute;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background-color: #28a745;
    }
    .loading-dot:nth-child(1) {
        top: 0;
        left: 17px;
    }
    .loading-dot:nth-child(2) {
        top: 5px;
        right: 5px;
    }
    .loading-dot:nth-child(3) {
        top: 17px;
        right: 0;
    }
    .loading-dot:nth-child(4) {
        bottom: 5px;
        right: 5px;
    }
    .loading-dot:nth-child(5) {
        bottom: 0;
        left: 17px;
    }
    .loading-dot:nth-child(6) {
        bottom: 5px;
        left: 5px;
    }
    .loading-dot:nth-child(7) {
        top: 17px;
        left: 0;
    }
    .loading-dot:nth-child(8) {
        top: 5px;
        left: 5px;
    }
    @keyframes rotate {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }
        .cloudflare-brand {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            font-size: 12px;
            color: #666;
            margin-left: 20px;
        }
        .cloudflare-logo {
            height: 32px;
            margin-bottom: 5px;
        }
        .links {
            display: flex;
            gap: 10px;
        }
        .links a {
            color: #666;
            position: relative;
        }
        .links a:hover::after {
            content: '';
            position: absolute;
            width: 100%;
            height: 1px;
            bottom: -2px;
            left: 0;
            background-color: #666;
        }
    </style>
</head>
<body>
    <h2 style="margin-top: 80px;">opwc.github.io</h2>
    <h2>检查站点连接是否安全</h2>
    
    <div class="verification-box">
        <div class="verification-status">
            <div class="loading-circle">
                <div class="loading-dot"></div>
                <div class="loading-dot"></div>
                <div class="loading-dot"></div>
                <div class="loading-dot"></div>
                <div class="loading-dot"></div>
                <div class="loading-dot"></div>
                <div class="loading-dot"></div>
                <div class="loading-dot"></div>
            </div>
            <span class="status-text">正在验证...</span>
        </div>
        <div class="cloudflare-brand">
            <img src="" class="cloudflare-logo" alt="Logo">
            <div class="links">
                <a href="#">隐私</a>
                <span>·</span>
                <a href="#">条款</a>
                <span> </span>
            </div>
        </div>
    </div>
    
    <p style="margin-top: 80px;color: #666;">opwc.github.io 需要首先检查您的连接安全性。</p>

    <div style="position: fixed; bottom: 0; left: 0; right: 0; padding: 10px 20px; background: white;">
        <div style="border-top: 1px solid rgba(102, 102, 102, 0.5); margin: 15px 0;"></div>
        <p style="color: #666; font-size: 12px;text-align: center;">Ray ID: 961cf8dflf78dc39</p>
    <p style="color: #666; font-size: 12px;text-align: center;">性能和安全由<a style="text-decoration: none;color: #365E90;" href="#">Cloudflare</a>提供</p>
    </div>
    <script>
        setTimeout(function() {
            window.location.href = "https://opwc.github.io/";
        }, 3000);
    </script>
</body>
</html>